<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>websocket在线测试</title>
<meta content="WebSocket在线测试工具" name="description" />
<meta content="WebSocket在线测试工具" name="keywords" />
<link rel="stylesheet" th:href="@{/statics/plugins/websocket/index.css}" />
<link rel="stylesheet" th:href="@{/statics/plugins/websocket/bootstrap.min.css}" />
<style>
@font-face {
	font-family: uc-nexus-iconfont;
	src:
		url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_9qmmi8b8jsxxbt9.woff)
		format('woff'),
		url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_9qmmi8b8jsxxbt9.ttf)
		format('truetype')
}
</style>
</head>
<body style="zoom: 1;" dh="1" rlt="1">
	<div class="page-header">
		<h1 style="margin-top: -20px; margin-left: 20px;">WebSocket在线测试工具</h1>
		<div style="position: absolute; top: 5px; left: 500px;">
			<a href="http://wx.douqq.com/" target="_blank"><img style="margin-left: 23px;" height="46" width="46"
				th:src="@{/statics/plugins/websocket/wexin.png}" /><img style="margin-left: 10px;"
				th:src="@{/statics/plugins/websocket/new.gif}" />
				<div style="font-weight: 900;">在线微信机器人</div></a>
		</div>
		<div style="position: absolute; top: 5px; left: 620px;">
			<a href="http://im.douqq.com/" target="_blank"><img style="margin-left: 23px;" height="46" width="46"
				th:src="@{/statics/plugins/websocket/qq.jpg}" />
				<div style="font-weight: 900;">在线QQ机器人</div></a>
		</div>
		<div style="position: absolute; top: 5px; left: 740px;">
			<a href="http://www.jsonin.com/" target="_blank"><img style="margin-left: 23px;" height="46" width="46"
				th:src="@{/statics/plugins/websocket/tool1.png}" />
				<div style="font-weight: 900;">json在线解析</div></a>
		</div>
		<div style="position: absolute; top: 5px; left: 860px;">
			<a href="https://www.ipip5.com/" target="_blank"><img style="margin-left: 23px;" height="46" width="46"
				th:src="@{/statics/plugins/websocket/ipip5.com.jpg}" />
				<div style="font-weight: 900;">本机ip地址查询</div></a>
		</div>
	</div>
	<div>
		<div class="zone_conn">
			<input type="text" class="form-control" style="float: left;" id="inp_url" value="ws://localhost:8080/websocket"
				placeholder="连接的地址" />
			<button type="button" id="btn_conn" class="btn btn-primary" style="float: left; margin-left: 10px; margin-right: 10px;"
				onclick="fun_initWebSocket();">连接</button>
			<button type="button" id="btn_close" class="btn btn-danger" style="float: left;" onclick="fun_close();" disabled="disabled">断开</button>
		</div>
		<div class="clearboth">
			1、连接格式为 ws://IP/域名:端口<br />（示例ws://localhost:8080/websocket或wss://localhost:8443/websocket）<br /> 2、对于<span style="color: red">内网</span>的测试环境，只需填入服务端的<span
				style="color: red">内网IP</span>和端口<br /> 3、可连接我上面提供的服务端ws地址来测试您<span style="color: red">自己的客户端</span>
		</div>
		<div class="zone_send">
			<a id="emoji" style="position: relative; left: 374px; bottom: 5px; cursor: pointer;" data-toggle="popover" title=""
				data-original-title="表情"><img style="outline-width: 40px;"
				th:src="@{/statics/plugins/websocket/huanglianwx_thumb.gif}" />表情</a>
			<textarea id="inp_send" class="form-control" style="height: 154px;" placeholder="发送的内容"></textarea>
			<br />
			<button type="button" id="btn_send" class="btn btn-default" onclick="fun_sendto();">发送（ctrl+回车）</button>
		</div>
	</div>
	<div style="position: absolute; top: 100px; left: 470px;">
		<div id="div_msgzone" class="panel panel-default">
			<div class="panel-heading">消息窗口</div>
			<div id="div_msg" class="panel-body" style="width: 1380px; height: 708px;"></div>
		</div>
	</div>
	<script type="text/javascript" th:src="@{/statics/plugins/websocket/hm.js}"></script>
	<script type="text/javascript" th:src="@{/statics/plugins/websocket/jquery-1.9.1.min.js}"></script>
	<script type="text/javascript" th:src="@{/statics/plugins/websocket/bootstrap.min.js}"></script>
	<script type="text/javascript" th:src="@{/statics/plugins/websocket/index.js}"></script>
</body>
</html>